<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
	<title>个人中心</title>
	<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.2/weui.min.css">
	<link rel="stylesheet" type="text/css" href="css/global.css">
	<style type="text/css">
	.page__category .weui-cells:after, .page__category .weui-cells:before {
		display: none;
	}
	.js_show .weui-flex { opacity: .4; }
	.page__category .weui-cells { margin-top: 0; }
	li {
		margin: 10px 0;
		background-color: #fff;
		border-radius: 2px;
		cursor: pointer;
	}
	.weui-flex {
		padding: 20px 0;
		/*align-items: center;*/
		background-color: #fff;
		margin-top: 1.17647059em;
	}
	.weui-flex__item { 
		color: #000;
		text-align: center; 
	}
	.weui-flex__item .iconfont {
		font-size: 26px;
	}
</style>
</head>
<body>
	<div class="weui-media-box weui-media-box_small-appmsg">
		<div class="weui-cells">
		<a class="weui-cell weui-cell_access" href="javascript:;">
      <div class="weui-cell__hd"><img src="" alt="" style="width:80px;margin-right: .8em;display:block"></div>
      <div class="weui-cell__bd weui-cell_primary" style="font-size: 14px;">
        <p style="line-height: 25px;"><span style="font-weight: 600; width: 72px; display: inline-block;">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</span>张三</p>
				<p style="line-height: 25px;"><span style="font-weight: 600; width: 72px; display: inline-block;">身份证号：</span>610322188512115854</p>
				<p style="font-size: 12px; margin-top: 5px; line-height: 20px;">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;时：68</p>
      </div>
      <span class="weui-cell__ft"></span>
  	</a>
	</div>
	</div>
	<div class="weui-flex">
		<a href="javascript:;" class="weui-flex__item">
			<i class="iconfont icon-course"></i>
			<div>已选课程</div>
		</a>
		<a href="javascript:;" class="weui-flex__item">
			<i class="iconfont icon-order"></i>
			<div>未付订单</div>
		</a>
		<a href="javascript:;" class="weui-flex__item">
			<i class="iconfont icon-order"></i>
			<div>已付订单</div>
		</a>
		<a href="javascript:;" class="weui-flex__item">
			<i class="iconfont icon-invoice"></i>
			<div>发票情况</div>
		</a>
	</div>
	<div class="weui-cells">
      <a class="weui-cell weui-cell_access" href="javascript:;">
          <div class="weui-cell__bd">
              <p>公共科目换课</p>
          </div>
          <div class="weui-cell__ft">
          </div>
      </a>
      <a class="weui-cell weui-cell_access" href="javascript:;">
          <div class="weui-cell__bd">
              <p>学时纪录查询</p>
          </div>
          <div class="weui-cell__ft">
          </div>
      </a>
      <a class="weui-cell weui-cell_access" href="javascript:;">
          <div class="weui-cell__bd">
              <p>查看已修课程</p>
          </div>
          <div class="weui-cell__ft">
          </div>
      </a>
  </div>
	<div class="weui-tabbar">
      <a href="enroll.html" class="weui-tabbar__item">
          <i class="iconfont icon-enroll"></i>
          <p class="weui-tabbar__label">报名选课</p>
      </a>
      <a href="javascript:;" class="weui-tabbar__item">
      		<span style="display: inline-block;position: relative;">
              <i class="iconfont icon-location"></i>
              <span class="weui-badge" style="position: absolute;top: -2px;right: -13px;">8</span>
          </span>
          <p class="weui-tabbar__label">定位考勤</p>
      </a>
      <a href="javascript:;" class="weui-tabbar__item weui-bar__item_on">
          <span style="display: inline-block;position: relative;">
              <i class="iconfont icon-me"></i>
              <span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -6px;"></span>
          </span>
          <p class="weui-tabbar__label">个人信息</p>
      </a>
  </div>
	
</body>
</html>